<template>
  <div class="container">
    <div class="head flex-col flex-x-center flex-y-center">
      <img class="bg" src='@/assets/images/points-back.png'>
      <span class="jifen">888</span>
      <span class="tit">当前积分余额</span>
    </div>
    <router-link  to="chongzhi" class="flex flex-row bd-bottom view">
    	<div class="flex-grow-1 jifen">积分充值</div>
    	<div class="flex-grow-0">
    		<img class="bg" src='@/assets/images/icon/right-arrow-gray.png'>
    	</div>
    </router-link >
     <router-link to="tixian" class="flex flex-row bd-bottom view">
    	<div class="flex-grow-1 jifen">积分提现</div>
    	<div class="flex-grow-0">
    		<img class="bg" src='@/assets/images/icon/right-arrow-gray.png'>
    	</div>
    </router-link>
  </div>
</template>
<script></script>
<style scoped lang="less">
.head {
  height: 10rem;
  position: relative;
  width: 100%;
  .jifen{
  	font-size:2rem;
  	color:#fff;
  	z-index:99;
  }
  .tit{
  	font-size:.5rem;
    color:#fff;
  	z-index:99;
  }
  .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

}
.view{
	padding:.5rem;
	background-color:#fff;
	font-size:.7rem;
	.jifen{
		color:#333;
	}
	img{
		height:.8rem;
		width:.5rem;
	}
}



</style>
